<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/template.xhtml">


        <ui:define name="title">
            <h:outputText value="Usuarios"></h:outputText>
        </ui:define>

        <ui:define name="body">
            <h:form id="UsuarioListForm">
                <p:dataTable id="datalist" value="#{usuarioController.items}" var="item"
                             selectionMode="single" selection="#{usuarioController.selected}"
                             paginator="true"
                             rowKey="#{item.idUsuario}"
                             rows="10"
                             rowsPerPageTemplate="10,20,30,40,50"
                             >

                    <p:ajax event="rowSelect"   update="viewButton editButton deleteButton"/>
                    <p:ajax event="rowUnselect" update="viewButton editButton deleteButton"/>
                    <f:facet name="header">
                        <h:outputText value="Todos los usuarios registrados"/>
                    </f:facet>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="USERNAME"/>
                        </f:facet>
                        <h:outputText value="#{item.username}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="NOMBRES"/>
                        </f:facet>
                        <h:outputText value="#{item.nombres} #{item.apellidos}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="EMAIL"/>
                        </f:facet>
                        <h:outputText value="#{item.correoElectronico}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="IDENTIDAD"/>
                        </f:facet>
                        <h:outputText value="#{item.identidad}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="ESTADO CIVIL"/>
                        </f:facet>
                        <p:selectOneMenu id="estadoCivil" 
                                         value="#{item.estadoCivil}"
                                         disabled="true">
                            <f:selectItem itemLabel="#{bundleEtiquetasES.Soltero}" itemValue="S" />  
                            <f:selectItem itemLabel="#{bundleEtiquetasES.Casado}" itemValue="C" />
                            <f:selectItem itemLabel="#{bundleEtiquetasES.Divorciado}" itemValue="D" />
                            <f:selectItem itemLabel="#{bundleEtiquetasES.UnionLibre}" itemValue="U" />
                            <f:selectItem itemLabel="#{bundleEtiquetasES.Viudo}" itemValue="V" />
                        </p:selectOneMenu>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="ESTADO"/>
                        </f:facet>
                        <p:selectOneMenu id="estado" 
                                         value="#{item.sistemaUsuario.estado}"
                                         disabled="true">
                            <f:selectItem itemLabel="PAGADO" itemValue="P" />  
                            <f:selectItem itemLabel="VENCIDO" itemValue="V" />
                            <f:selectItem itemLabel="EN ESPERA" itemValue="E" />  
                        </p:selectOneMenu>
                    </p:column>
                    <f:facet name="footer">
                        <p:commandButton id="viewButton"   icon="ui-icon-search" value="Ver" update=":UsuarioViewForm" oncomplete="PF('UsuarioViewDialog').show()" disabled="#{empty usuarioController.selected}"/>
                        <p:commandButton id="editButton"   icon="ui-icon-pencil" value="Editar" actionListener="#{usuarioController.prepareEdit}" update=":UsuarioEditForm" oncomplete="PF('UsuarioEditDialog').show()" disabled="#{empty usuarioController.selected}"/>
                        <p:commandButton id="deleteButton" icon="ui-icon-trash"  value="Eliminar" actionListener="#{usuarioController.destroy}" update=":growl,datalist" disabled="#{empty usuarioController.selected}"/>
                    </f:facet>
                </p:dataTable>
            </h:form>

            <ui:include src="Edit.xhtml"/>
            <ui:include src="View.xhtml"/>
        </ui:define>
    </ui:composition>

</html>
